﻿<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="Copyright" content="All Rights Reserved btoe.cn" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <title>{model.seotitle}</title>
  <meta name="keywords" content="{model.keywords}" />
  <meta name="description" content="{model.description}" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link href="<%templateskin%>/css/css.css" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" type="text/css" media="screen" href="<%templateskin%>/css/bootstrap.min.css" />
  <link rel="stylesheet" type="text/css" media="screen" href="<%templateskin%>/css/swiper-3.4.2.min.css" />
  <link rel="stylesheet" type="text/css" media="screen" href="<%templateskin%>/css/common.css" />
  <link rel="stylesheet" type="text/css" media="screen" href="<%templateskin%>/css/Newpage.css" />
  <script src="<%templateskin%>/js/n/jquery.min.js"></script>
  <script src="http://img.dlwjdh.com/upload/saohei/btoe-wjdh.js"></script>
  <%diy("mhead")%>
</head>

<body>
  <%template src="header.html"%>
  <%template src="nav_ny.html"%>
  <!-- caseMenu -->
  <div id="page">
    <div class="bar">
      <div class="goback"> </div>
      <div class="barTitle">{site.websitename}</div>
      <div class="lcbody">
        <div class="lcitem top">
          <div class="rect top"> </div>
        </div>
        <div class="lcitem bottom">
          <div class="rect bottom"> </div>
        </div>
      </div>
    </div>
    <div id="main">
      <%template src="ny_banner.html"%>
      <div class="service3Ny">

        <div class="caseMenuTop">

            <div class="container">

                <div class="row">

                    <div class="caseMenuL col-lg-9 col-md-9 col-sm-9 col-xs-9"> <i><img src="<%templateskin%>/img/locationIco.png" alt="当前位置"></i>

                        当前位置：<a href="/">首页</a>&nbsp;&gt;&nbsp;<a href="">服务项目</a>

                    </div>

                    <div class="caseMenuR col-xs-3 col-sm-3 col-md-3 col-lg-3"> <i class="text-right"><a href="javascript:;" onClick="javascript :history.back(-1);">返回<img src="<%templateskin%>/img/ca1.png" alt="返回"></a></i> </div>

                    <div class="clearboth"></div>

                </div>

            </div>

        </div>



        <div class="container">

            <div class="row">

                <div class="service3NyTable">

                    <ul>



                        <%set DataTable categoryList=get_category_list(topid)%>

						  <%foreach(DataRow cdr in categoryList.Rows)%>

						  <%set DataTable bcategoryList=get_category_list({strtoint({cdr[id]})})%>

							<li>

                <div class="service3NyTableL">

                  <a href="<%linkurl(1,{cdr[id]})%>" title="{cdr[catname]}"> {cdr[catname]}</a>

              </div>

                            <div class="service3NyTableR">

							<%foreach(DataRow dr in bcategoryList.Rows)%>

							   <a href="<%linkurl(1,{dr[id]})%>" title="{dr[catname]}">{dr[catname]}</a>

							  <%/foreach%>

                            </div>

                        </li>

						  <%/foreach%>

                    </ul>

                </div>



               

    <div class="newsPageProductPageNewCenter container ">

        <div class="row">

            <div class="newsPageProductPageNewCenter1">

                <div class="newsPageProductPageNewCenter1L newsPageProductPageNewCenter4">

                    <div class="newsPageProductPageNewCenterBox">

                        <h4>{model.title}</h4>



                        <div class="newsPageProductPageNewCenterBoxList">

                          

                            <span>发布时间：<%datetostr({model.add_time},yyyy-MM-dd)%></span>

                            <span>作者：{model.author}</span>

                            <span>分享到：<div class="bshare-custom"><a title="更多平台"

                                        class="bshare-more bshare-more-icon more-style-addthis"></a><a title="分享到微信"

                                        class="bshare-weixin"></a><a title="分享到QQ好友" class="bshare-qqim"></a></div>

                            </span>

                            <span class="scan">二维码分享

                                <div id="qrcode" style="display: none"> </div>

                            </span>

                        </div>





                        <div class="newsPageProductPageNewCenterBoxNr"  id="imgBox">

                            {model.content}

                        </div>

                        <%template src="pdf_word.html"%>
                        <div id="fullPage">
                          <canvas id="canvas"></canvas>
                        </div>
                    </div>



                    <div class="caseTab">

                        <ul>

                            <li class="col-xs-6 col-sm-6 col-md-6"><%=get_prevandnext_article(1, "没有了")%> </li>

                            <li class="col-xs-6 col-sm-6 col-md-6"><%=get_prevandnext_article(-1, "没有了")%></li>

                        </ul>

                    </div>

                </div>

            </div>

        </div>

    </div>

  





                <div class="newsPageProductPage1Message">

                    <div class="container">

                        <div class="row">

                            <div class="newsPageProductPage1MessageTitle">

                                <h3>请填写您的联系方式</h3>

                                <p>Please fill in your contact information</p>

                            </div>

        

                            <div class="newsPageProductPage1MessageBox">

                                <ul>

                                    <li><input type="text" class="newsPageProductPage1MessageBoxName" placeholder="您的姓名" value="">

                                    </li>

                                    <li><input type="text" class="newsPageProductPage1MessageBoxTel" placeholder="您的电话" value="">

                                    </li>

                                    <li><input type="text" class="newsPageProductPage1MessageBoxCenter" placeholder="您所需的服务类型" value=""></li>

                                    <li> <i class="newsPageProductPage1MessageBoxA"></i> <img src="/api/message.ashx?action=code" alt="" class="newsPageProductPage1MessageBoxCodeText"> <input type="text" class="newsPageProductPage1MessageBoxCode" placeholder="请输入验证码" value=""> </li>

                                    <li><button class="newsPageProductPage1MessageBoxBth">提交</button></li>

                                </ul>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>



    </div>

    </div>


    <div style="display: none;" id="hbqrcode"></div>

  
    <%template src="footer.html"%>

    <!-- <div class="share">
      海报分享
    </div> -->
    <div class="cover" style="display: none;">
      <h4>
        海报分享</h4>
      <div class="hd">
        <ul>
          <li class="on">海报一</li>
          <li>海报二</li>
          <li>海报三</li>
          <li>海报四</li>
          <li>海报五</li>
          <li>海报六</li>
        </ul>
        <div class="clearboth">
        </div>
      </div>
      <div class="bd">
        <ul>
          <li>
            <img src="<%templateskin%>/poster/1/index.jpg">
            <div class="abth" onclick="javascript:makehb('1')">
              点击生成并分享</div>
          </li>
          <li>
            <img src="<%templateskin%>/poster/2/index.jpg">
            <div class="abth" onclick="javascript:makehb('2')">
              点击生成并分享</div>
          </li>
          <li>
            <img src="<%templateskin%>/poster/3/index.jpg">
            <div class="abth" onclick="javascript:makehb('3')">
              点击生成并分享</div>
          </li>
          <li>
            <img src="<%templateskin%>/poster/4/index.jpg">
            <div class="abth" onclick="javascript:makehb('4')">
              点击生成并分享</div>
          </li>
          <li>
            <img src="<%templateskin%>/poster/5/index.jpg">
            <div class="abth" onclick="javascript:makehb('5')">
              点击生成并分享</div>
          </li>
          <li>
            <img src="<%templateskin%>/poster/6/index.jpg">
            <div class="abth" onclick="javascript:makehb('6')">
              点击生成并分享</div>
          </li>
        </ul>
      </div>
    </div>
    <div class="coverAlert">
      <img src="" alt="" id="doimg">
    </div>
    <div class="mysharebigbox">
    </div>

    <link href="<%templateskin%>/css/style1.css" rel="stylesheet"> 
    <script type="text/javascript" src="<%templateskin%>/js/share.js"></script>
    <script src="<%templateskin%>/js/html2canvas.min.js"></script>
    <script src="<%templateskin%>/js/qrcode.min.js"></script>
    <script type="text/javascript">
      var qrcode = new QRCode("hbqrcode");
      qrcode.makeCode(window.location.href);
      var makehb = function (a) {
        $(".mysharebigbox").html('');
        $(".mysharebigbox").load("<%templateskin%>/poster/" + a + "/index.txt", function (a) {
          a = a.myReplace("_title_", "{model.title}").myReplace("_thumb_", "{model.thumb}")
            .myReplace("_websitename_", "{site.websitename}").myReplace("_seo_keywords_",
              "{model.keywords}")
            .myReplace("_freecall_", "{site.freecall}").myReplace("_address_", "{site.address}")
            .myReplace("_sqrcode_", $("#hbqrcode img").attr("src")).myReplace("_seo_desc_",
              "{model.description}").myReplace("_temp_", "<%templateskin%>/");
          $(".mysharebigbox").html(a);
          $("canvas").remove();
          window.scrollTo(0, 0);
          takeScreenshot();
        });
      }
      String.prototype.myReplace = function (f, e) {
        var reg = new RegExp(f, "g");
        return this.replace(reg, e);
      }

      function takeScreenshot() {
        $("#capture").show();
        html2canvas(document.querySelector("#capture"), {
          useCORS: true,
          dpi: window.devicePixelRatio * 2,
          scale: 2
        }).then(canvas => {
          var url = canvas.toDataURL('image/png', 1.0); //图片地址	    
          $("#doimg").attr("src", url);

          if ($(".coverAlertBox").length == 0) {
            $(".coverAlert").append('<div class="coverAlertBox">长按图片进行保存并分享</div>')
          }
        });
        $("#capture").hide();

      }
    </script>

  </div>

  <script src="<%templateskin%>/js/n/bootstrap.min.js"></script>
  <script src="<%templateskin%>/js/n/swiper-3.4.2.min.js"></script>
  <script src="<%templateskin%>/js/n/color.js?color=#{site.color}&rgba={site.kmcolor}"></script>
  <script src="<%templateskin%>/js/n/rem.min.js"></script>
  <script src="<%templateskin%>/js/n/common.js"></script>
  <script src="<%templateskin%>/js/n/imgClick.js"></script>
  <script src="<%templateskin%>/js/n/Newpage.js"></script>
  <script type="text/javascript" charset="utf-8"src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=3&amp;lang=zh"></script>
  <script src="<%templateskin%>/js/n/qrcode.js"></script>
<script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>

  <script type="text/javascript">
    //使用方法
    var wxScale = new WxScale({
      fullPage: document.querySelector("#fullPage"),
      canvas: document.querySelector("#canvas")
    });

    var imgBox = document.querySelectorAll("#imgBox img");
    for (var i = 0; i < imgBox.length; i++) {
      imgBox[i].onclick = function (e) {
        wxScale.start(this); //这里的this指向需要放大的这张图片
      }
    }
  </script>
  <script>
    $(function () {
      $(".product-photo li").click(function () {
        var $src = $(this).find('img').attr("src");
        $(".product-info .img img").attr('src', $src)
      })
    })
  </script>
  <%template src="base.html"%>
</body>

</html>